.yg-category {
    .yg-category-nav {
        .category-nav {
        background-color: var(--themeColor);
        color: white;
        }
}

    .yg-category-search {

    }
    .yg-category-content {
        display: flex;
        .content-left {
            flex:1;
            height: calc(100vh -  3.866667rem);
            background-color:#f3f3f3;
            overflow-y: scroll;
            .content-left-item{
                height: 1.2rem;
                line-height: 1.2rem;
                text-align: center;
                font-size:0.426667rem
            }
            .active{
                color:var(--themeColor);
                border-left: 2px solid var(--themeColor);
            }
        }
    
    .content-right {
        flex:3;
        height: calc(100vh -  3.866667rem);
        background-color: #fff;
        overflow-y: scroll;
        .content-right-item {
            .right-item-title {
                height: 1.333333rem;
                line-height: 1.333333rem;
                text-align: center;
            }
            
            .product-list {
                display: flex;
                flex-wrap: wrap;
                .product-list-item {
                    width: 33.33%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                .imagerWrapper {
                    img {
                    width: 1.6rem;
                    height: 1.6rem;
                    }
                }
                .item-title {
            
                }
                }
            }
            }
    }
    }
}